<!DOCTYPE html>
<!-- saved from url=(0052)http://demo.htmleaf.com/1603/201603111505/index.html -->
<html lang="zh"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>表格</title>
	<link href="./ch2_11_table_files/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="./ch2_11_table_files/htmleaf-demo.css">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]-->
	<style>
		body {
				padding-top: 50px;
			}
			table {
				margin-top: 20px;
			}
			.starter-template {
				padding: 40px 15px;
				text-align: center;
			}
			table.table-fixed-head .table-fixed-head-thead {
				border-bottom: 1px solid #dddddd;
				background: #fff;
			}
	</style>
</head>
<body>	
	<div class="container">
			<table class="table table-striped table-fixed-head" data-table-fixed-head-trigger="20" data-table-fixed-head-top="50"><thead class="table-fixed-head-thead" style="width: 720px; min-width: 720px; max-width: 720px; top: 50px; position: fixed; visibility: hidden;">
					<tr >
						<td style="width: 240px; min-width: 240px; max-width: 240px;">Column 1</td>
						<td style="width: 240px; min-width: 240px; max-width: 240px;">Column 2</td>
						<td style="width: 240px; min-width: 240px; max-width: 240px;">Column 3</td>
					</tr>
				</thead>
				<thead style="visibility: visible;">
					<tr class="success">
						<td>Column 1</td>
						<td>Column 2</td>
						<td>Column 3</td>
					</tr>
				</thead>
				<tbody>
					<?php
						
					$con=mysql_connect("localhost","root","root") or die("Unable to connect to the MySQL!");
                    $db = mysql_select_db("mysql",$con);
                    
                    $result=mysql_query("SELECT help_topic_id,name FROM help_topic");
                    
                    $i=0;
                    while($row = mysql_fetch_array($result))
                    {
                     

                     $i++;
                      
                    echo "<tr>\n";
                    echo "					<td>".$row['help_topic_id']."</td>\n";
                    echo "					<td>".$row['name'].  "</td>\n";
                    echo "					<td>Cell 3</td>\n";
                    echo "				</tr>\n";
                     
                         }
                     
                     
                     mysql_close($con);
						?>
					<tr>
						<td>Cell 1</td><!--[if IE]>
						<![endif]-->
						<td>Cell 2</td>
						<td>Cell 3</td>
					</tr>
				
						  <tr style="background-color:#48BCB4">
							<td>Cell</td>
							<td>Cell </td>
							<td>Cell </td>
						</tr>
						
				</tbody>
			</table>

		</div>
	
	<script src="./ch2_11_table_files/jquery.min.js.下载" type="text/javascript"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
	<script src="./ch2_11_table_files/jquery.michiweber.table-head-fixed.js.下载"></script>

</body>
</html>